<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/big.css"/>
		<link rel="stylesheet" type="text/css" href="css/head.css"/>
		<link rel="stylesheet" type="text/css" href="css/foot.css"/>
		<link rel="stylesheet" type="text/css" href="css/contentup.css"/>
		<link rel="stylesheet" type="text/css" href="css/contentmiddle.css"/>
		<link rel="stylesheet" type="text/css" href="css/contentdown.css"/>
		<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	</head>
	<body>
		<div class="big">
			<div class="head">
				<div class="headonly">
					<ul>
					    <li><a href="mac-apple.html"><img src="img/yan/logo.jpg"/></a></li>
					    <li><a class="headonly2" href="mac-apple.html">Mac</a></li>
					    <li><a class="headonly2" href="iphone-ipad.html">iPad</a></li>
					    <li><a class="headonly2" href="iphone-apple.html">iPhone</a></li>
					    <li><a class="headonly2" href="watch.html">Watch</a></li>
					    <li><a class="headonly2" href="music.html">Music</a></li>
					    <li><a class="headonly1" href="newtechnology.html">技术支持</a></li>
					    <li><a href="#"><img src="img/yan/搜索.jpg"/></a></li>
					    <li><a href="#"><img src="img/yan/shapin.jpg"/></a></li>
				</ul>
				</div>
				
			</div>
			<div class="content">
				<div class="contentup">
					<img src="img/yan/homepage-hero.image.large_2x.jpg"/>
					<div class="contentup1">
						<strong>支持</strong>
					</div>
					<div class="contentup2">
						<p>
							<a href="#">社区</a>
							<a href="#">联系支持</a>
						</p>
					</div>
					<div class="contentup3"></div>
					<div class="contentup4">
						<strong>欢迎使用Apple支持</strong>
					</div>
					<div class="contentup5">
						<font>我们随时提供帮助</font>
					</div>
					<div class="contentup6">
						<a href=""><img src="img/yan/无标题.jpg"/></a>
						<input type="text" name="" id="" placeholder="搜索支持" />
					</div>
				</div>
				
				<div class="contentmiddle">
					<div class="contentmiddleup">
						<div class="contentmiddleup1">
							<p>选择一种产品</p>
						</div>
						<div class="contentmiddleup2">
							<ul>
							    <li><a href="#"><img src="img/yan/1.png"/><p>Apple Watch</p></a></li>
							    <li><a href="#"><img src="img/yan/3.png"/><p>iPhone</p></a></li>
							    <li><a href="#"><img src="img/yan/6.png"/><p>iPad</p></a></li>
							    <li><a href="#"><img src="img/yan/5.png"/><p>Mac</p></a></li>
							    <li><a href="#"><img src="img/yan/2.png"/><p>Apple ID</p></a></li>
							    <li><a href="#"><img src="img/yan/4.png"/><p>iTunes</p></a></li>
						    </ul>
						</div>
					</div>
					<div class="box1"></div>
					<div class="contentmiddledown">
						<div class="productlist">
							<a id="a1" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" onclick="myfunction()">
                                                                收起产品列表
                            </a>
						</div>
						
						<script>
							var i=0;
							function myfunction(){
								if(i%2!=0)
								{
									i++;
									document.getElementById("a1").innerHTML="收起产品列表";
								}
								else
								{
									i++;
									document.getElementById("a1").innerHTML="展开产品列表";
								}
																
							}
						</script>
						<div id="collapseOne" class="panFel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
						<div class="list1">
							<ul>
							    <li><a href="#"><img src="img/yan/homepage_productdrawer_apple_pay_icon_2x.png"/><p>Apple Pay</p></a></li>
							    <li><a href="#"><img src="img/yan/homepage_productdrawer_applemusic_2x.png"/><p>Apple Music</p></a></li>
							    <li><a href="#"><img src="img/yan/homepage_productdrawer_ipod_2x.png"/><p>iPod</p></a></li>
							    <li><a href="#"><img src="img/yan/homepage_productdrawer_airpods_2x.png"/><p>AirPods</p></a></li>
							    
						    </ul>
						</div>
						<div class="list2">
							<ul>
							    <li><a href="#"><img src="img/yan/homepage_productdrawer_icloud_2x.png"/><p>iCloud</p></a></li>
							    <li><a href="#"><img src="img/yan/homepage_productdrawer_macOS_2x.png"/><p>macOS</p></a></li>
							    <li><a href="#"><img src="img/yan/homepage_productdrawer_appstore_2x.png"/><p>应用</p></a></li>
							    <li><a href="#"><img src="img/yan/homepage_productdrawer_pro_apps_2x.png"/><p>专业应用</p></a></li>
							    
						    </ul>
						</div>
					</div>
				</div>
					</div>
					
				</div>
				<div class="box2"></div>
				<div class="contentdown">
					<div class="contentdown1">
						<div class="contentdown11">
							<strong>热门主题</strong>
						</div>
						<div class="contentdown12">
							<img src="img/yan/content-link-macfamily-icon_2x.jpg"/><br/>
							<strong>您是Mac新用户吗？</strong>
							<p>我们一直都很高兴迎接 Mac 新用户的加入。以下链接中的主题可帮助您开始使用 Mac。</p>
							<a href="#">了解您的Mac ></a>
						</div>
						<div class="contentdown13">	
							<img src="img/yan/content-link-new-to-iphone-icon_2x.jpg"/><br/>
							<strong>改用iPhone？</strong>
							<p>让我们帮助您设置您的 iPhone，并向您展示它提供的一些强大功能。</p>
							<a href="#">了解您的iPhone ></a>
						</div>
					</div>
					<div class="contentdown100"></div>
					<div class="contentdown2">
						<div class="contentdown2left">
							<strong>确保 Apple ID 帐户安全的技巧</strong>
							<p>这里介绍了一些实用技巧，可帮助您确保 Apple ID 和帐户信息安全。</p>
							<a href="#">获取有关确保 Apple ID 帐户安全的支持 ></a>
						</div>
						<div class="contentdown2right">
							<img src="img/yan/homepage-featuredsection-security_2x.jpg"/>
						</div>
					</div>
					<div class="contentdown20"></div>
					<div class="contentdown3">
						<div class="contentdown31">
							<p><strong>有关 iPhone 及意外关机的信息</strong></p>
							<a href="#">了解详情 ></a>
						</div>
					</div>
					<div class="contentdown30"></div>
					<div class="contentdown4">
						<div class="contentdown4up">
							<img src="img/yan/promo-icon-applecare_products_2x.png" alt="" />
						</div>
						<div class="contentdown4middle">
							<strong>AppleCare 和保修</strong>
							<p>由最了解您 Apple 产品的工作人员，为您提供来自 Apple 的额外保修与支持服务。查明您的产品是不是仍在保修期内，或进一步了解有关购买 AppleCare 产品的信息。</p>
						</div>
						<div class="contentdown4down">
							<div class="contentdown4downleft">
								<p><img src="img/yan/promo-icon-warranty_2x.png"/></p>
								<a href="#">我的产品是不是仍在保修期内? ></a>
							</div>
							<div class="contentdown4downcenter">
								<p><img src="img/yan/promo-icon-applecare-products_2x.png"/></p>
								<a href="#">了解AppleCare产品 ></a>
							</div>
							<div class="contentdown4downright">
								<p><img src="img/yan/promo-icon-register-manage_2x.png"/></p>
								<a href="#">管理和注册计划 ></a>
							</div>
						</div>
					</div>
					<div class="contentdown40"></div>
					<div class="contentdown5">
						<div class="contentdown5only">
							<ul>
								<li><img src="img/yan/large-promo-repair-icon_2x.png"/></li>
								<li><strong>维修和服务</strong></li>
								<li><p>查找为您的 Apple 产品获取维修服务的最便利选项，或查看当前维修的进度。</p></li>
								<li><a href="#">查看维修选项 ></a></li>
								<li><p>查看已开始的<a href="#">维修的状态</a>。</p></li>
							</ul>
						</div>
					</div>
					<div class="contentdown50"></div>
					<div class="contentdown6">
						<div class="contentdown6only">
							<ul>
								<li><strong>留心假冒部件</strong></li>
								<li><p>某些假冒和第三方的电源适配器及电池可能设计不当，有可能会导致安全问题。</p></li>
								<li><p>为了确保您在更换电池时能够获得 Apple 正品电池，我们建议您前往<a href="#">Apple Store </a>商店或<a href="#">Apple 授权服务提供商</a>处。如果您需要更换适配器来为您的 Apple 设备充电，我们建议您选择 Apple 的电源适配器。</p></li>
							</ul>
						</div>
					</div>
					<div class="contentdown60"></div>
					<div class="contentdown7">
						<div class="contentdown7only">
							<ul>
								<li><img src="img/yan/large-promo-icon-asc-2_2x.png"/></li>
								<li><strong>Apple 支持社区</strong></li>
								<li><p>查找解决方案并与全球 Apple 用户分享。</p></li>
								<li><a href="#">参与讨论 ></a></li>
							</ul>
						</div>
					</div>
					<div class="contentdown70"></div>
					<div class="contentdown8">
						<div class="contentdown8only">
							<ul>
								<li><p class="contentdown8onlyp1">联系 Apple 支持</p></li>
								<li><strong>您需要哪方面的帮助？</strong></li>
								<li><p class="contentdown8onlyp2">通过电话、聊天服务或电子邮件获得支持，或安排维修。</p></li>
								<li><button type="button" class="btn btn-primary btn-lg">获得支持</button></li>
							</ul>
						</div>
					</div>
					<div class="contentdown80"></div>
					<div class="contentdown9">
						<div class="contentdown9only">
							<p><strong>了解 Apple 在中国的服务和保修政策</strong></p>
							<a href="#">了解保修和服务选项</a>
						</div>
					</div>
					<div class="contentdown90"></div>
					<div class="contentdown10">
						<div class="contentdown10only">
							<ul>
								<li><p><strong>更换和维修扩展计划</strong></p></li>
								<li><p><a href="#">iPhone 6s 意外关机问题计划</a></p></li>
								<li><p><a href="#">适用于 iPhone 6 Plus 的 Multi-Touch 维修计划</a></p></li>
								<li><p><a href="#">Apple 交流电源插头转换器更换计划</a></p></li>
								<li><p><a href="#">Apple USB-C 充电线缆更换计划</a></p></li>
								<li><p><a href="#">Beats Pill XL 扬声器召回计划</a></p></li>
								<li><p><a href="#">所有计划</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="foot">
				<div class="foot1">
					<a href="#"><img src="img/yan/logo.jpg"/></a>
					<font size="2">支持</font>
				</div>
				<div class="foot2">
					<div class="foot21">
						<ul>
							<li><a class="ffoot2">服务和支持</a></li>
							<li><a class="f1foot2" href="#">免费提供的支持</a></li>
							<li><a class="f1foot2" href="#">硬件保修</a></li>
							<li><a class="f1foot2" href="#">软件许可协议</a></li>
							<li><a class="f1foot2" href="#">服务问题解答（FAQ）</a></li>
						</ul>
					</div>
					<div class="foot22">
						<ul>
							<li><a class="ffoot2">计划</a></li>
							<li><a class="f1foot2" href="#">Apple 培训</a></li>
							<li><a class="f1foot2" href="#">教育资源</a></li>
						</ul>
					</div>
					<div class="foot23">
						<ul>
							<li><a class="ffoot2">资源</a></li>
							<li><a class="f1foot2" href="#">下载和更新</a></li>
							<li><a class="f1foot2" href="#">手册</a></li>
							<li><a class="f1foot2" href="#">技术规格</a></li>
							<li><a class="f1foot2" href="#">系统状态</a></li>
							<li><a class="f1foot2" href="#">辅助功能</a></li>
							<li><a class="f1foot2" href="#">支持站点地图</a></li>
						</ul>
					</div>
					<div class="foot24">
						<ul>
							<li><a class="ffoot2">通讯录</a></li>
							<li><a class="f1foot2" href="#">支持电话号码</a></li>
							<li><a class="f1foot2" href="#">Apple 授权服务提供商</a></li>
							<li><a class="f1foot2" href="#">iTunes Store 支持</a></li>
							<li><a class="f1foot2" href="#">联系移动运营商</a></li>
						</ul>
					</div>
				</div>
				<div class="foot3">
					<nobr>更多选购方式：前往 <a class="ffoot3" href="#"> Apple Store 零售店</a>、拨打 400-666-8800 或<a class="ffoot3" href="#">查找经销商</a>。</nobr>
				</div>
				<div class="foot4">
					<div class="foot41">
						<p>Copyright &copy; 2017 Apple lnc. 保留所有权利。</p>
					</div>
					<div class="foot42">
						<ul>
							<li>隐私政策</li>
							<li>使用条款</li>
							<li>销售和退款</li>
							<li>站点地图</li>
							<li>联系 Apple</li>
						</ul>
					</div>
					<div class="foot43" title="请输入国家和地区">
						<a href="#"><img src="img/yan/china.png" /></a>
						<a href="#">中国</a>
					</div>
				</div>	
			</div>
			<div class="backup" id="backup">
				<a href="#header" class="backup-icon">^</a> 
			</div>
		</div>
		<script type="text/javascript" src="js/backup.js" ></script>
	</body>
</html>
